<template>
  <div class="son1">
      <h3>son1.vue</h3>
      <panel />

      <p>{{ msg | formatTime }}</p>
  </div>
</template>

<script>

// 此时我们在son1里注册的panel组件
// 那么这个组件就是一个局部组件，在哪注册就只能在哪使用
// 也就是说这个panel只能用在son1里
// import panel from './panel.vue'

// 如果一个组件在多个不同的组件里都要用，那么就注册成全局组件
// 如何注册全局组件呢？
// 先记住：全局的东西写在 `main.js`
export default {
    // components: {
    //     panel
    // }
    data() {
        return {
            msg: '时间',
        };
    },
    // // 局部过滤器：它只能在son1里使用，换个组件就不行了
    // filters: {

    //     formatTime () {
    //         return '我是格式化后的时间'
    //     }
    // }
}
</script>

<style>
    .son1 {
        width: 300px;
        height: 260px;
        background-color: #f00;
    }
</style>